﻿/* frames layout */
BODY        { background: #fff;   font-family: Verdana;  }

.masterHead { background: #fff; }
.masterLang { background: #00257a; background-image: url('../images/TopBranding.jpg');background-repeat: no-repeat; }
.masterRibb, .masterPagi, .masterLout
            { background: #eff0ff url('../images/bg.png') 0px 0px repeat-x;
              border-right: 1px solid #888; border-bottom: 1px solid #bbb;  white-space: nowrap; }
.masterMenu { background: #fff; }
.masterUser { background: #fff; border-top: 10px solid #eff0ff;}
.masterButt { background: #fff; }
.masterBody { }
.masterFoot { background: #e5e5e5;}

/* HEAD master  */
.masterHead .application { font-size: 180%; color : #000; font-family: Times New Roman, Serif; }

/* RIBBON master  */

.masterLang IMG,
.masterRibb IMG       { border: 1px solid #fff; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; }
.masterRibb .menu,
.masterRibb .menu *,
.masterRibb .texts,
.masterRibb .texts *  { vertical-align: top; margin: 4px 5px 0px 5px; color: #aaa;}
.masterRibb .menu *   { font-weight: bold; color: #225;}
.masterRibb .texts *  { font-weight: normal; color: #222;}
.masterRibb DIV *,
.masterRibb NAV *     { letter-spacing: 1px; }
.masterRibb IMG:hover { border: 1px solid #eff0ff; }

/* MENU */
#masterMenu H3 { font-weight: bold; color: #225;margin: 15px 2px;padding: 5px;font-family: Verdana;
                 letter-spacing: 1px;border-bottom: 1px solid #eff0ff; }

/* Actions */
UL.actions      { padding: 5px 5px 5px 17px; font-size: 85%; }
UL.actions LI   { list-style-type:none; letter-spacing: 1px; text-indent: 0px;
                   padding: 5px;margin: 2px 4px 2px 0px;}
UL.actions LI A { display: inline;color: #000;}

/* Paging */
A.paging, A.paging:link, A.paging:visited, A.paging:active,
A.paging:hover          { text-decoration: none; color: #222; font-size: 120%; font-family: Arial, sans-serif !important;}
A.paging:hover          { text-decoration: underline; }
BODY A.disabled, BODY A.disabled:link, BODY A.disabled:visited, BODY A.disabled:active,
BODY A.disabled:hover   { text-decoration: none; color: #aaa; }
TABLE.list CAPTION A.paging { font-size: 100%; }

/* BUTTONS */
BUTTON:hover        { cursor: pointer; }
.divButtons BUTTON  { background: #eff0ff url('../images/bg.png') 0px 0px repeat-x; letter-spacing: 1px;
                      border: 1px solid #fff; border-bottom-color: #888; border-right-color: #888;}
.divButtons BUTTON:hover { background-image: url('../images/bgFieldset.png'); color: #225;}
/* Resize MOVE */
#master #masterMove     { border: 1px solid #ddd; background: #e7f2ff; border-width: 0px 1px 0px 1px; cursor:col-resize;}
#master #masterMove DIV { border: 1px solid #fff; background: #bbb;}

/* BODY master  */
.mainSection              { font-size: 85%; font-family: Verdana; }

.listContent       { }
.detailContent     { }
.searchContent     { }
.listContent       { }
.searchForContent  { background: #e5e5e5; }
.listForContent    { background: #e5e5e5; }
.documentationContent {  font-size: 100%; }

    /* Detail MasterPage */
    .masterDetail .listContent       { background: #fff; }
    .masterDetail .detailContent     { background: #fff; }
    .masterDetail .searchContent     { background: #fff; }
    .masterDetail .searchForContent  { background: #fff; }
    .masterDetail .listForContent    { background: #fff; }
    .masterDetail .importContent     { background: #fff; }


.masterBody .bodyRightColumn            { background: #fff; }
.masterBody .bodyRightColumn  H5        { background: #def; color: #000; border-width:0px; }
.masterBody .bodyRightColumn .infoArea  { background: #def; }

.masterButt .loading          { background: transparent; font-size: 150%; color: #555; padding: 5px 15px 5px 15px;
                                  font-family: Verdana; font-style: italic;}

HR                                { color: #ddd; border-width: 0px; border-bottom: 1px solid #ddd; height: 1px; }
FIELDSET                          { border: 1px solid #eff0ff; border-bottom-color: #bbb; border-right-color: #aaa;
                                    border-radius: 4px ; }
FIELDSET.none                     { border-width: 0px; }
FIELDSET LEGEND                   { background: url('../images/bgLegend.png') repeat-x #e7f2ff;
                                    color: #888;
                                    border-color: inherit; border-radius: 7px;
                                    border-width: 1px; border-bottom-width:0px; }
/* FIELDSET */

FIELDSET            { background: url('../images/bgFieldset.png') repeat-x #e7f2ff; }

FIELDSET DD DIV,
FIELDSET DD PRE     { background: url('../images/bgInput.png') repeat-x  #f2f2f2; }

/* ERROR messages */
FIELDSET.fieldsetError            { background: #fff; color: #222; border: 1px solid #f00;}
FIELDSET.fieldsetWarning          { background: #fff; color: #222; border: 1px solid #b80;}
FIELDSET.fieldsetInformation      { background: #fff; color: #222; border: 1px solid #0a0;}
FIELDSET.message DIV TABLE        {                         font-size: 100%; font-family: Verdana; }
FIELDSET.message DIV TABLE TD     { padding: 5px 1px 5px 1px ; border-bottom: 1px solid #ddd; }
FIELDSET.message LEGEND           { background: #eee;  border: 1px outset #eee;  }
FIELDSET.message DD               { color: #2a2; }
FIELDSET.message SMALL            { color: #888; }

FIELDSET DD > * ,
FIELDSET DT > *                   { font-size: 90%; }
/* DETAIL */
DT LABEL                          {     font-family: Verdana; }

DD INPUT, DD SELECT, DD DIV, DD TEXTAREA
                                  {     text-align: left; font-family: Courier New; letter-spacing: 0px; font-size:100%; }
DD SELECT, DD DIV, DD TEXTAREA,
DD > DIV, DD > PRE,
DD > INPUT, DD TEXTAREA           { background: #fff; border: 1px solid #eff0ff; }
DIV BUTTON.async                  { font-family: Arial Black, Arial; font-size: 100%;
background: #eff0ff url('../jQueryUI/images/ui-icons_454545_256x240.png') -67px -19px;}

SPAN A, P A                       {    text-decoration: underline; }
SELECT.disabled OPTION            { background: #eee; }
SELECT.disabled OPTION.selected   { background: #bdf; color: #fff;}

DD KBD                            { font-size: 110%; color: #282;}


.docBlock { width: 750px; }
.documentation > DIV.docBlock { width: auto; max-width: 800px;  }

.mainSection P  { font-family: Verdana; font-size: 100%;  text-align: justify; padding-bottom: 5px;}
.mainSection LI { font-family: Verdana; font-size: 100%; }

/*
H1, H2, H3, H4, H5 { border-bottom: 1px solid #eff0ff; background: #eee; padding: 2px; }
*/
H1    { margin: 40px 0px 20px 2px; font-size:  130%; color: #222; font-weight: bold; font-family: Verdana; padding-left: 5px;}
H2    { margin: 40px 0px 16px 2px; font-size:  120%; color: #222; font-weight: bold; font-family: Verdana; padding-left: 8px;}
H3    { margin: 30px 0px 16px 2px; font-size:  120%; color: #225; font-weight: bold; font-family: Verdana; padding-left: 12px;}
H4    { margin: 30px 0px 16px 2px; font-size:  110%; color: #115; font-weight: bold; font-family: Verdana;   padding-left: 16px;}
H5    { margin: 20px 0px 16px 2px; font-size:  100%; color: #115; font-weight: bold; font-family: Verdana;  padding-left: 20px;}
H6    { margin: 20px 0px 16px 2px; font-size:   90%; color: #005; font-weight: bold; font-family: Verdana; padding-left: 25px;}

DIV.documentation IMG { clear: both; margin: 10px; }

DIV.panel                       { border-bottom: 1px solid #aaa; width: 99%; height: 19px; }
DIV.panel .panelTab             { background: #eee; border: 1px outset #ddd; border-bottom-width: 0px;  cursor: pointer; padding: 2px; margin: 2px;}
DIV.panel .panelContent         { background: #eee  ; width: 99%; min-height: 200px;}
DIV.panel SPAN                  { background: #fff; }
DIV.panel SPAN.notSelectedTab   { background: #ddd; }


/* TABLE */
TABLE TH > *,
TABLE TD > * { font-size: 90%;}
TABLE A:link,
TABLE A:visited,
TABLE A:active                  { text-decoration: none; }
TABLE A:hover                   { text-decoration: underline; }
TABLE.list                      { font-family: Verdana;border: 1px solid #ddd; border-top: 1px solid #e5e5e5;}
TABLE.list TH                   { background: url('../images/bg.png') 0 -8px repeat-x #eff0ff;
                                                       border: 1px solid #ddd; border-left: 1px dotted #888; border-right: 1px dotted #888; }
TABLE.list TD                   { background: #e7f2ff; border-bottom: 1px solid #ddd; border-left: 1px dotted #bbb;
                                                      color: inherit;  }
           TR.odd TD            { background: #fff; }
           TR.marked TD A       {                     color: #808; }
           TD.redC   A          {                     color: red; }

TABLE.story                     { font-family: Verdana; }
TABLE.story TH                  { background: #eee; font-weight: normal; color: #555; }
TABLE.story TD                  { color: inherit; }
TABLE.story TD.description DIV  { background: #eee; border: 1px solid #ddd; border: 1px outset #ddd; }
TABLE.story TD.title            { font-weight: bold; }

.mainSection TR.odd TD          { background: #fff; }
.mainSection TR.marked TD A     {                     color: #888; text-decoration: underline; }
.mainSection TD.redC   A        {                     color: red; }

TABLE.list CAPTION I { font-size: 80%;color: #bbb; }

TABLE.list TH *  { color: #444; font-weight: 600;}
TABLE.list TD *  { color: #444;}

/* TABLE editor */
TABLE.edit TD SELECT, TABLE.edit TD DIV, TABLE.edit TD TEXTAREA,
TABLE.edit TD > DIV, TABLE.edit TD > PRE,
TABLE.edit TD > INPUT, TABLE.edit TD TEXTAREA           { background: #fff; border: 1px solid #eff0ff; }
TABLE.edit TD > DIV, TABLE.edit TD > PRE                { background: #eee; }
TABLE.edit TD > DIV     { border-width: 0px 1px 1px 0px; }

TABLE.edit TD { border-width : 0px; }
TABLE.edit TD A.center { text-align: center;}
TABLE.edit TH { font-weight: normal;}

TABLE.edit TD DIV,
FIELDSET DD DIV,
FIELDSET DD PRE     { background: url('../images/bgInput.png') repeat-x #f0f0f0; }

.strong,
LABEL,
TABLE.edit TH { font-weight: bold !important; color: #025 !important;}

/* ANCHOR in FIELDSET */
.mainSection FIELDSET DD A
, .mainSection FIELDSET DD A:link
, .mainSection FIELDSET DD A:visited
, .mainSection FIELDSET DD A:hover
, .mainSection FIELDSET DD A:active
, A.none:hover                  { text-decoration: underline; }

/* bold tree View */
MENU.storyTree UL.treeView > LI > A { font-weight: bold; }

/* FONT & TEXT */
.masterBody TABLE.list,
.masterBody FIELDSET                { font-family : Verdana;  font-size: 110%; letter-spacing: 1px;}
.masterMenu DIV.treeView            { font-family : Verdana;  font-size:  85%; letter-spacing: 1px;}
.masterBody FIELDSET TABLE.list     { font-family : Verdana;  font-size: 100%; letter-spacing: 1px;}

/* Async LIST and filter For */
TABLE.newMembers    { margin-top: 5px; font-style: italic;}
TABLE.newMembers TH { background: #eee; }
TABLE.newMembers TD { background: #fff; }

P.newMembers ,
P.oldMembers { width: 50%; background: #fff; font-weight: normal;
            border-top: 1px solid #ddd;
            color: #777; }
P.newMembers { font-style: italic; }
P.oldMembers { margin-top: 20px; }

/***/
SPAN A, SPAN A:link, SPAN A:visited, SPAN A:hover, SPAN A:active,
P A, P A:link, P A:visited, P A:hover, P A:active { text-decoration: underline;}